<template>
  <div class="box">
      <input type="text" placeholder=" 搜索食材、菜谱">
      <span class="iconfont icon-shoucang1"></span>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.box{
    width: 100%;
    height: .4rem;
}
    input{
        height: .25rem;
        width: 3.1rem;
        border-radius: .3rem;
        outline: none;
        border: none;
        background: rgb(224, 224, 224);
        margin:.1rem .2rem 0 .1rem;
    }
</style>